<template>
  <div>
    <p>表格案列一</p>
    <Table :columns="tableData.users.columns" :data="tableData.users.data"></Table>
    <p>表格案列二</p>
    <Table :columns="tableData.employees.columns" :data="tableData.employees.data"></Table>
    <p>表格案列一</p>
    <Table :columns="tableData.users.columns" :data="tableData.users.data"></Table>
    <p>表格案列二</p>
    <Table :columns="tableData.employees.columns" :data="tableData.employees.data"></Table>
    <p>表格案列一</p>
    <Table :columns="tableData.users.columns" :data="tableData.users.data"></Table>
    <p>表格案列二</p>
    <Table :columns="tableData.employees.columns" :data="tableData.employees.data"></Table>
  </div>
</template>

<script>
import Table from '@/components/table/Table'
import tableData from '@/data/table.js'

export default {
  name: 'example-table',
  data () {
    return {
      tableData: tableData
    }
  },
  components: {
    Table
  }
}
</script>

<style>

</style>